<!DOCTYPE html>
<html lang="zh-cmn-Hans-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>SimJQ</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/default.min.css" />
<link rel="stylesheet" href="css/github.css" /><!--更换配色：https://highlightjs.org/static/demo/-->
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="simJQ.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/highlight.min.js"></script>
<script >hljs.initHighlightingOnLoad();</script>
</head>

<body>
<div class="jumbotron">
	<div class="container">
		<h1>SimJQ</h1>
		<h2 class="text-right">——4K不到的嵌入式JS框架</h2>
		<p style="text-indent:2em;"> SimJQ全称Simple JQuery，支持类似JQuery语法的常用DOM操作和网络请求功能。它不到4K大小，适合应用于存储空间极其有限的场景。 </p>
		<p>
		<h3> 下载: </h3>
		<a class="btn btn-danger btn-lg" href="releases/simJQ-2.2.js" download="simJQ-2.2.js" role="button">simJQ-2.2.js</a>
		<a class="btn btn-danger btn-lg" href="releases/simJQ-2.2.min.js" download="simJQ-2.2.min.js" role="button">simJQ-2.2.min.js</a>
		</p>
		<p style="background: wheat;padding: 10px 5px;font-size: 16px;"><b>或直接引用：</b><br/>
			&lt;script type="text/javascript" src="//leytton.gitee.io/simjq/releases/simJQ-2.2.min.js"&gt;&lt;/script&gt;</p>
	</div>
</div>
<div class="container">
	<script src="https://gitee.com/Leytton/SimJQ/widget_preview"></script>
	<style>
			.pro_name a{color: #4183c4;}
			.osc_git_title{background-color: #fff;}
			.osc_git_box{background-color: #fff;}
			.osc_git_box{border-color: #E3E9ED;}
			.osc_git_info{color: #666;}
			.osc_git_main a{color: #9B9B9B;}
			</style>
	<h2>关于</h2>
	<div class="list-group">
		<li class="list-group-item"> By：Leytton、LZQ </li>
		<li class="list-group-item"> License：MIT </li>
		<li class="list-group-item"> Blog：
			<a href="http://blog.csdn.net/leytton" target="_blank">blog.csdn.net/leytton</a>
		</li>
	</div>
	<h2>未列出函数说明</h2>
	<table class="table table-bordered">
		<thead>
			<tr>
				<th>函数名</th>
				<th>说明</th>
				<th>示例</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td> 原则 </td>
				<td> 存在多个返回值则返回数组，只有一个值则直接返回 </td>
				<td>$('#id').text()、$('.class').eq(0).text()返回一个值</td>
			</tr>
			<tr>
				<td> eq </td>
				<td> 获取第i个元素 </td>
				<td>$('.class').eq(i)</td>
			</tr>
			<tr>
				<td> first </td>
				<td> 获取第一个元素 </td>
				<td>$('.class').first()</td>
			</tr>
			<tr>
				<td> last </td>
				<td> 获取最后一个元素 </td>
				<td>$('.class').last()</td>
			</tr>
			<tr>
				<td> find </td>
				<td> 用于元素查找,支持id,class,标签等选择器 </td>
				<td>$('.class').find('.class').find('a')</td>
			</tr>
			<tr>
				<td> removeAttr </td>
				<td> 删除属性值 </td>
				<td>$('.class').removeAttr('class')</td>
			</tr>
			<tr>
				<td> css </td>
				<td> 设置/获取css样式 </td>
				<td>$('.class').css('color'[,'red']);</td>
			</tr>
		</tbody>
	</table>
	<div></div>
	<h2>示例</h2>
	<div id="eg1" class="title">eg1:文本修改/获取</div>
	<div>
		<div id="test1">test1,SimJq~</div>
		<input type="button" class="btn btn-success" value="修改/获取" onclick="test1();" />
		<pre><code class="javascript">$('#test1').text('Hello,I\'m Leytton~');
alert($('#test1').text());</code></pre>
	</div>
	<hr/>
	<div id="eg2" class="title">eg2:属性修改/获取 </div>
	<div>
		<div id="test2">test2,SimJq~</div>
		<input type="button" class="btn btn-success" value="修改/获取" onclick="test2();" />
		<pre><code class="javascript">$('#test2').attr('my_name', '不亦');
alert($('#test2').attr('my_name'));</code></pre>
	</div>
	<hr/>
	<div id="eg3" class="title">eg3:Html修改/获取 </div>
	<div>
		<div id="test3">test3,SimJq~</div>
		<input type="button" class="btn btn-success" value="Html修改/获取" onclick="test3();" />
		<pre><code class="javascript">$('#test3').html('&lt;a href="http://blog.csdn.net/leytton" target="_blank"&gt;&lt;img src="img/sa.jpg" /&gt;&lt;/a&lt;');
alert($('#test3').html());</code></pre>
	</div>
	<hr/>
	<div id="eg4" class="title">eg4:隐藏/显示 </div>
	<div>
		<div id="test4" show="1">test4,SimJq~</div>
		<input type="button" class="btn btn-success" value="隐藏/显示" onclick="test4();" />
		<pre><code class="javascript">if('1' == $('#test4').attr('show')) {
	$('#test4').hide();
	$('#test4').attr('show', '0');
} else {
	$('#test4').show();
	$('#test4').attr('show', '1');
}</code></pre>
	</div>
	<hr/>
	<div id="eg5" class="title">eg5:获取输入值 </div>
	<div>
		<input id="test5" type="text" />
		<input type="button" class="btn btn-success" value="获取输入值" onclick="test5();" />
		<pre><code class="javascript">alert($('#test5').val());</code></pre>
	</div>
	<hr/>
	<div id="eg6" class="title">eg6:设置输入值 </div>
	<div>
		<input id="test6" type="text" />
		<input type="button" class="btn btn-success" value="设置输入值" onclick="test6();" />
		<pre><code class="javascript">$('#test6').val('Hello,SimJQ~');</code></pre>
	</div>
	<hr/>
	<div id="eg7" class="title">eg7:多选择器修改/获取第i个文本 </div>
	<div id="demo7" class="demo">
		<div class="test7">test7,SimJq1~</div>
		<div class="test7">test7,SimJq2~</div>
		<div class="test7">test7,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取文本" onclick="test7();" />
		<pre><code class="javascript">$('.test7').eq(0).text('Hi,SimJQ~');
alert($('.test7').eq(0).text());</code></pre>
	</div>
	<hr/>
	<div id="eg8" class="title">eg8:多选择器修改/获取多个文本 </div>
	<div id="demo8" class="demo">
		<div class="test8">test8,SimJq1~</div>
		<div class="test8">test8,SimJq2~</div>
		<div class="test8">test8,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取文本" onclick="test8();" />
		<pre><code class="javascript">$('.test8').eq(1,2).text('Hi,SimJQ~');
alert($('.test8').eq(1,2).text());</code></pre>
	</div>
	<hr/>
	<div id="eg9" class="title">eg9:多选择器默认修改/获取所有文本 </div>
	<div>
		<div class="test9">test9,SimJq1~</div>
		<div class="test9">test9,SimJq2~</div>
		<div class="test9">test9,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取所有文本" onclick="test9();" />
		<pre><code class="javascript">$('.test9').text('Hi,SimJQ~');
var	str='';
str_list=$('.test9').text();
for(var i=0;i&lt;str_list.length;i++){
	str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);</code></pre>
	</div>
	<hr/>
	<div id="eg10" class="title">eg10:多选择器修改/获取第i个属性 </div>
	<div>
		<div class="test10">test10,SimJq1~</div>
		<div class="test10">test10,SimJq2~</div>
		<div class="test10">test10,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取属性" onclick="test10();" />
		<pre><code class="javascript">$('.test10').eq(0).attr('my_name', '不亦');
alert($('.test10').eq(0).attr('my_name'));</code></pre>
	</div>
	<hr/>
	<div id="eg11" class="title">eg11:多选择器修改/获取多个属性 </div>
	<div>
		<div class="test11">test11,SimJq1~</div>
		<div class="test11">test11,SimJq2~</div>
		<div class="test11">test11,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取属性" onclick="test11();" />
		<pre><code class="javascript">$('.test11').eq(1,2).attr('my_name', '不亦');
alert($('.test11').eq(1,2).attr('my_name'));</code></pre>
	</div>
	<hr/>
	<div id="eg12" class="title">eg12:多选择器修改/获取所有属性 </div>
	<div>
		<div class="test12">test12,SimJq1~</div>
		<div class="test12">test12,SimJq2~</div>
		<div class="test12">test12,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取所有属性" onclick="test12();" />
		<pre><code class="javascript">$('.test12').attr('my_name','不亦');
var	str='';
str_list=$('.test12').attr('my_name');
for(var i=0;i&lt;str_list.length;i++){
	str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);</code></pre>
	</div>
	<hr/>
	<div id="eg13" class="title">eg13:多选择器修改/获取第i个Html </div>
	<div>
		<div class="test13">test13,SimJq1~</div>
		<div class="test13">test13,SimJq2~</div>
		<div class="test13">test13,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取Html" onclick="test13();" />
		<pre><code class="javascript">$('.test13').eq(0).html('&lt;a href="http://blog.csdn.net/leytton" target="_blank"&gt;&lt;img src="img/sa.jpg" /&gt;&lt;/a&lt;');
alert($('.test13').eq(0).html());</code></pre>
	</div>
	<hr/>
	<div id="eg14" class="title">eg14:多选择器修改/获取多个Html </div>
	<div>
		<div class="test14">test13,SimJq1~</div>
		<div class="test14">test8,SimJq2~</div>
		<div class="test14">test8,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取Html" onclick="test14();" />
		<pre><code class="javascript">$('.test14').eq(1,2).html('&lt;a href="http://blog.csdn.net/leytton" target="_blank"&gt;&lt;img src="img/sa.jpg" /&gt;&lt;/a&lt;);
alert($('.test14').eq(1,2).html());</code></pre>
	</div>
	<hr/>
	<div id="eg15" class="title">eg15:多选择器默认修改/获取所有Html </div>
	<div>
		<div class="test15">test15,SimJq1~</div>
		<div class="test15">test15,SimJq2~</div>
		<div class="test15">test15,SimJq3~</div>
		<input type="button" class="btn btn-success" value="修改/获取所有Html" onclick="test15();" />
		<pre><code class="javascript">$('.test15').html('&lt;a href="http://blog.csdn.net/leytton" target="_blank"&gt;&lt;img src="img/sa.jpg" /&gt;&lt;/a&lt;');
var	str='';
str_list=$('.test15').html();
for(var i=0;i&lt;str_list.length;i++){
	str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);</code></pre>
	</div>
	<hr/>
	<div id="eg16" class="title">eg16:多选择器隐藏/显示第i个元素 </div>
	<div>
		<div class="test16">test16,SimJq1~</div>
		<div class="test16">test16,SimJq2~</div>
		<div class="test16">test16,SimJq3~</div>
		<input type="button" class="btn btn-success" value="隐藏/显示" onclick="test16();" />
		<pre><code class="javascript">if('0'==$('#eg16').attr('show')){
	$('.test16').eq(0).show();
	$('#eg16').attr('show','1');
}else{
	$('.test16').eq(0).hide();
	$('#eg16').attr('show','0');
}</code></pre>
	</div>
	<hr/>
	<div id="eg17" class="title">eg17:多选择器隐藏/显示第i个元素 </div>
	<div>
		<div class="test17">test17,SimJq1~</div>
		<div class="test17">test17,SimJq2~</div>
		<div class="test17">test17,SimJq3~</div>
		<input type="button" class="btn btn-success" value="隐藏/显示" onclick="test17();" />
		<pre><code class="javascript">if('0'==$('#eg17').attr('show')){
	$('.test17').eq(1,2).show();
	$('#eg17').attr('show','1');
}else{
	$('.test17').eq(1,2).hide();
	$('#eg17').attr('show','0');
}</code></pre>
	</div>
	<hr/>
	<div class="title">eg18:多选择器默认隐藏/显示所有元素</div>
	<div id="eg18">
		<div class="test18">test18,SimJq1~</div>
		<div class="test18">test18,SimJq2~</div>
		<div class="test18">test18,SimJq3~</div>
		<input type="button" class="btn btn-success" value="隐藏/显示" onclick="test18();" />
		<pre><code class="javascript">if('0'==$('#eg18').attr('show')){
	$('.test18').show();
	$('#eg18').attr('show','1');
}else{
	$('.test18').hide();
	$('#eg18').attr('show','0');
}</code></pre>
	</div>
	<hr/>
	<div id="eg19" class="title">eg19:单选择器获取元素对象 </div>
	<div>
		<div id="test19">test19,SimJq~</div>
		<input type="button" class="btn btn-success" value="获取元素对象" onclick="test19();" />
		<pre><code class="javascript">alert('元素对象:'+$('#test19')[0]+'\n文本:'+$('#test19')[0].innerText);</code></pre>
	</div>
	<hr/>
	<div id="eg20" class="title">eg20:多选择器获取第1个元素对象 </div>
	<div>
		<div class="test20">test20,SimJq1~</div>
		<div class="test20">test20,SimJq2~</div>
		<div class="test20">test20,SimJq3~</div>
		<input type="button" class="btn btn-success" value="获取元素对象" onclick="test20();" />
		<pre><code class="javascript">alert('元素对象:'+$('.test20')[0]+'\n文本:'+$('.test20')[0].innerText);</code></pre>
	</div>
	<hr/>
	<div id="eg21" class="title">eg21:多选择器获取第i个元素对象 </div>
	<div>
		<div class="test21">test21,SimJq1~</div>
		<div class="test21">test21,SimJq2~</div>
		<div class="test21">test21,SimJq3~</div>
		<input type="button" class="btn btn-success" value="获取元素对象" onclick="test21();" />
		<pre><code class="javascript">alert('元素对象:'+$('.test21')[1]+'\n文本:'+$('.test21')[1].innerText);</code></pre>
	</div>
	<hr/>
	<div id="eg22" class="title">eg22:多选择器获取所有元素对象 </div>
	<div>
		<div class="test22">test22,SimJq1~</div>
		<div class="test22">test22,SimJq2~</div>
		<div class="test22">test22,SimJq3~</div>
		<input type="button" class="btn btn-success" value="获取所有元素对象" onclick="test22();" />
		<pre><code class="javascript">var	str='';
for(var i=0;i&lt;$('.test22').length;i++){
	str+=(i+':'+$('.test22')[i].innerText+'\n');
}
alert('元素对象数组:'+$('.test22')+'\n'+str);</code></pre>
	</div>
	<hr/>
	<div id="eg23" class="title">eg23:多选择器修改/获取第i个输入框的值 </div>
	<div>
		<input class="test23" value="test23,SimJq1~" />
		<input class="test23" value="test23,SimJq2~" />
		<input class="test23" value="test23,SimJq3~" />
		<input type="button" class="btn btn-success" value="修改/获取输入值" onclick="test23();" />
		<pre><code class="javascript">$('.test23').eq(0).val('Hi,SimJQ~');
alert($('.test23').eq(0).val());</code></pre>
	</div>
	<hr/>
	<div id="eg24" class="title">eg24:多选择器修改/获取多个输入框的值 </div>
	<div>
		<input class="test24" value="test24,SimJq1~" />
		<input class="test24" value="test24,SimJq2~" />
		<input class="test24" value="test24,SimJq3~" />
		<input type="button" class="btn btn-success" value="修改/获取输入值" onclick="test24();" />
		<pre><code class="javascript">$('.test24').eq(1,2).val('Hi,SimJQ~');
alert($('.test24').eq(1,2).val());</code></pre>
	</div>
	<hr/>
	<div id="eg25" class="title">eg25:多选择器默认修改/获取所有输入框的值 </div>
	<div>
		<input class="test25" value="test25,SimJq1~" />
		<input class="test25" value="test25,SimJq2~" />
		<input class="test25" value="test25,SimJq3~" />
		<input type="button" class="btn btn-success" value="修改/获取所有输入值" onclick="test25();" />
		<pre><code class="javascript">$('.test25').val('Hi,SimJQ~');
var	str='';
str_list=$('.test25').val();
for(var i=0;i&lt;str_list.length;i++){
	str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);</code></pre>
	</div>
	<hr/>
	<div id="eg26" class="title">eg26:单选择器实现click点击事件 </div>
	<div>
		<div id="test26">test26,SimJq~(点击)</div>
		<pre><code class="javascript">$('#test26').click(function() {
	alert(this.innerText);
});</code></pre>
	</div>
	<hr/>
	<div id="eg27" class="title">eg27:多选择器实现第i个元素的click点击事件 </div>
	<div>
		<div class="test27">test27,SimJq1~(点击)</div>
		<div class="test27">test27,SimJq2~</div>
		<div class="test27">test27,SimJq3~</div>
		<pre><code class="javascript">$('.test27').eq(0).click(function() {
	alert(this.innerText);
});</code></pre>
	</div>
	<hr/>
	<div id="eg28" class="title">eg28:多选择器实现多个元素的click点击事件 </div>
	<div>
		<div class="test28">test28,SimJq1~</div>
		<div class="test28">test28,SimJq2~(点击)</div>
		<div class="test28">test28,SimJq3~(点击)</div>
		<pre><code class="javascript">$('.test28').eq(1,2).click(function() {
	alert(this.innerText);
});</code></pre>
	</div>
	<hr/>
	<div id="eg29" class="title">eg29:多选择器默认实现所有元素的click点击事件 </div>
	<div>
		<div class="test29">test29,SimJq1~(点击)</div>
		<div class="test29">test29,SimJq2~(点击)</div>
		<div class="test29">test29,SimJq3~(点击)</div>
		<pre><code class="javascript">$('.test29').click(function() {
	alert(this.innerText);
});</code></pre>
	</div>
	<hr/>
	<div id="eg30" class="title">eg30:each函数 </div>
	<div>
		<div class="test30">test30,SimJq1~</div>
		<div class="test30">test30,SimJq2~</div>
		<div class="test30">test30,SimJq3~</div>
		<input type="button" class="btn btn-success" value="each函数依次获取元素文本" onclick="test30();" />
		<pre><code class="javascript">var	str='';
var	i=0;
$('.test30').each(function(){
	str+=(i+':'+this.innerText+'\n');
	i++;
});
alert('length:'+i+'\n'+str);

//更简单的方式
$res=$('.test30').each(function(){
	return this.innerText;
});
alert($res);
返回的是字符串数据，如果没有参数1，则返回的是$()对象</code></pre>
	</div>
	<hr/>
	<div id="eg31" class="title">eg31:单选择器删除元素 </div>
	<div>
		<div id="test31">test31,SimJq~</div>
		<input type="button" class="btn btn-success" value="删除元素" onclick="test31();" />
		<pre><code class="javascript">$('#test31').remove();</code></pre>
	</div>
	<hr/>
	<div id="eg32" class="title">eg32:多选择器删除第i个元素 </div>
	<div>
		<div class="test32">test32,SimJq1~</div>
		<div class="test32">test32,SimJq2~</div>
		<div class="test32">test32,SimJq3~</div>
		<input type="button" class="btn btn-success" value="删除元素" onclick="test32();" />
		<pre><code class="javascript">$('.test32').eq(0).remove();</code></pre>
	</div>
	<hr/>
	<div id="eg33" class="title">eg33:多选择器删除多个元素 </div>
	<div>
		<div class="test33">test33,SimJq1~</div>
		<div class="test33">test33,SimJq2~</div>
		<div class="test33">test33,SimJq3~</div>
		<input type="button" class="btn btn-success" value="删除元素" onclick="test33();" />
		<pre><code class="javascript">$('.test33').eq(1,2).remove();</code></pre>
	</div>
	<hr/>
	<div id="eg34" class="title">eg34:多选择器默认删除所有元素 </div>
	<div>
		<div class="test34">test34,SimJq1~</div>
		<div class="test34">test34,SimJq2~</div>
		<div class="test34">test34,SimJq3~</div>
		<input type="button" class="btn btn-success" value="删除元素" onclick="test34();" />
		<pre><code class="javascript">$('.test34').remove();</code></pre>
	</div>
	<hr/>
	<div id="eg35" class="title">eg35:单选择器在元素末尾插入内容(支持html) </div>
	<div>
		<div id="test35">test35,SimJq~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test35();" />
		<pre><code class="javascript">$('#test35').append('hello');</code></pre>
	</div>
	<hr/>
	<div id="eg36" class="title">eg36:多选择器在第i个元素末尾插入html内容(支持html) </div>
	<div>
		<div class="test36">test36,SimJq1~</div>
		<div class="test36">test36,SimJq2~</div>
		<div class="test36">test36,SimJq3~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test36();" />
		<pre><code class="javascript">$('.test36').eq(0).append('&lt;a href="http://www.llqqww.com" target="_blank"&lt;www.llqqww.com&lt;/a&lt;');</code></pre>
	</div>
	<hr/>
	<div id="eg37" class="title">eg37:多选择器在多个元素末尾插入内容(支持html) </div>
	<div>
		<div class="test37">test37,SimJq1~</div>
		<div class="test37">test37,SimJq2~</div>
		<div class="test37">test37,SimJq3~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test37();" />
		<pre><code class="javascript">$('.test37').eq(1,2).append('hello');</code></pre>
	</div>
	<hr/>
	<div id="eg38" class="title">eg38:多选择器默认在所有元素末尾插入内容(支持html) </div>
	<div>
		<div class="test38">test38,SimJq1~</div>
		<div class="test38">test38,SimJq2~</div>
		<div class="test38">test38,SimJq3~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test38();" />
		<pre><code class="javascript">$('.test38').append('&lt;a href="http://www.llqqww.com" target="_blank"&lt;www.llqqww.com&lt;/a&lt;');</code></pre>
	</div>
	<hr/>
	<div id="eg39" class="title">eg39:单选择器在元素开头插入内容(支持html) </div>
	<div>
		<div id="test39">test39,SimJq~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test39();" />
		<pre><code class="javascript">$('#test39').prepend('hello');</code></pre>
	</div>
	<hr/>
	<div id="eg40" class="title">eg40:多选择器在第i个元素开头插入html内容(支持html) </div>
	<div>
		<div class="test40">test40,SimJq1~</div>
		<div class="test40">test40,SimJq2~</div>
		<div class="test40">test40,SimJq3~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test40();" />
		<pre><code class="javascript">$('.test40').eq(0).prepend('&lt;a href="http://www.llqqww.com" target="_blank"&lt;www.llqqww.com&lt;/a&lt;');</code></pre>
	</div>
	<hr/>
	<div id="eg41" class="title">eg41:多选择器在第i个元素开头插入内容(支持html) </div>
	<div>
		<div class="test41">test41,SimJq1~</div>
		<div class="test41">test41,SimJq2~</div>
		<div class="test41">test41,SimJq3~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test41();" />
		<pre><code class="javascript">$('.test41').eq(1,2).prepend('hello');</code></pre>
	</div>
	<hr/>
	<div id="eg42" class="title">eg42:多选择器默认在所有元素开头插入内容(支持html) </div>
	<div>
		<div class="test42">test42,SimJq1~</div>
		<div class="test42">test42,SimJq2~</div>
		<div class="test42">test42,SimJq3~</div>
		<input type="button" class="btn btn-success" value="插入内容" onclick="test42();" />
		<pre><code class="javascript">$('.test42').prepend('&lt;a href="http://www.llqqww.com" target="_blank"&lt;www.llqqww.com&lt;/a&lt;');</code></pre>
	</div>
	<hr/>
	<div id="eg43" class="title">eg43:单选择器在添加class </div>
	<div>
		<div id="test43">test43,SimJq~</div>
		<input type="button" class="btn btn-success" value="添加class" onclick="test43();" />
		<pre><code class="javascript">$('#test43').addClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg44" class="title">eg44:多选择器默认在第i个元素添加class </div>
	<div>
		<div class="test44">test44,SimJq1~</div>
		<div class="test44">test44,SimJq2~</div>
		<div class="test44">test44,SimJq3~</div>
		<input type="button" class="btn btn-success" value="添加class" onclick="test44();" />
		<pre><code class="javascript">$('.test44').eq(0).addClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg45" class="title">eg45:多选择器在多个元素添加class </div>
	<div>
		<div class="test45">test45,SimJq1~</div>
		<div class="test45">test45,SimJq2~</div>
		<div class="test45">test45,SimJq3~</div>
		<input type="button" class="btn btn-success" value="添加class" onclick="test45();" />
		<pre><code class="javascript">$('.test45').eq(1,2).addClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg46" class="title">eg46:多选择器默认在所有元素添加class </div>
	<div>
		<div class="test46">test46,SimJq1~</div>
		<div class="test46">test46,SimJq2~</div>
		<div class="test46">test46,SimJq3~</div>
		<input type="button" class="btn btn-success" value="添加class" onclick="test46();" />
		<pre><code class="javascript">$('.test46').addClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg47" class="title">eg47:单选择器删除class </div>
	<div>
		<div id="test47" class="red">test47,SimJq~</div>
		<input type="button" class="btn btn-success" value="删除class" onclick="test47();" />
		<pre><code class="javascript">$('#test47').removeClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg48" class="title">eg48:多选择器删除第i个元素class </div>
	<div>
		<div class="red test48 blue">test48,SimJq1~</div>
		<div class="red test48 blue">test48,SimJq2~</div>
		<div class="red test48 blue">test48,SimJq3~</div>
		<input type="button" class="btn btn-success" value="删除class" onclick="test48();" />
		<pre><code class="javascript">$('.test48').eq(0).removeClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg49" class="title">eg49:多选择器删除多个元素class </div>
	<div>
		<div class="test49 blue red">test49,SimJq1~</div>
		<div class="test49 blue red">test49,SimJq2~</div>
		<div class="test49 blue red">test49,SimJq3~</div>
		<input type="button" class="btn btn-success" value="删除class" onclick="test49();" />
		<pre><code class="javascript">$('.test49').eq(1,2).removeClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg50" class="title">eg50:多选择器默认所有元素删除class </div>
	<div>
		<div class="test50 red blue">test50,SimJq1~</div>
		<div class="test50 red blue">test50,SimJq2~</div>
		<div class="test50 red blue">test50,SimJq3~</div>
		<input type="button" class="btn btn-success" value="删除class" onclick="test50();" />
		<pre><code class="javascript">$('.test50').removeClass('red');</code></pre>
	</div>
	<hr/>
	<div id="eg98" class="title">eg98:ajax get网络请求</div>
	<div>
		<input type="button" class="btn btn-success" value="get网络请求" onclick="test98();" />
		<pre><code class="javascript">var url='http://www.llqqww.com/open/json/get.php';
$.ajax({
   	method: 'GET',
   	dataType:'json',
   	url:url,
    data:{
    	name:'Leytton'
    },
    success: function (data,xhr) {
       alert(JSON.stringify(data));
    },
    error:function(data,xhr){
        alert(data);
    }
});</code></pre>
	</div>
	<hr/>
	<div id="eg99" class="title">eg99:ajax post网络请求</div>
	<div>
		<input type="button" class="btn btn-success" value="post网络请求" onclick="test99();" />
		<pre><code class="javascript">var url='http://www.llqqww.com/open/json/post.php';
$.ajax({
   	method: 'POST',
   	dataType:'json',
   	url:url,
    data:{
    	name:'Leytton'
    },
    success: function (data,xhr) {
       alert(JSON.stringify(data));
    },
    error:function(data,xhr){
       alert(data);
    }
});</code></pre>
	</div>
	<hr/>
</div>
<script>
	test26();
	test27();
	test28();
	test29();
</script>
</body>
</html>